<!DOCTYPE html>
<html>
	<head>
		<title>My Drawing Game!</title>			
	
		<link rel="stylesheet" type="text/css" href="css/home.css" />
		<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
                <script type="text/javascript" src="js/home.js"></script>
	</head>
	
	<body>
            
        <div id="divHomepage">
                
            <div id="divHeader">
		<h2 align="center">The Drawing Game!</h2>
            </div>
            
            <div id="divSelections">
                
                <div id="divPlay">
                    <button type="button" class="buttonPlay" id="buttonPlayLive"> PLAY LIVE!&nbsp </button>
                    <!-- <a href="#" class="buttonPlay">PLAY LIVE!</a> -->
                    <!--<button type="button">PLAY LIVE!</button> -->
                    <button type="button" class="buttonPlay" id="buttonPlaySlow">PLAY SLOW</button>
                </div>
                
                <div id="divLogin">
                    <input type="input" name="user" </input>
                    <button type="button" class="buttonLogin" id="buttonLogin">Login</button>
                    <!--<input type="button" value="Login" /> -->
                    
                    <div id="divBrowse">
                        <table border="0">
                            <tr>
                            <th>Browse Old Games</th>
                            </tr>
                            <tr>
                            <td>Placeholder 1</td>
                            <td>icon1</td>
                            </tr>
                            <tr>
                            <td>Placeholder 2</td>
                            <td>icon2</td>
                            </tr>
                            <tr>
                            <td>Placeholder 3</td>
                            <td>icon1</td>
                            </tr>
                            <tr>
                            <td>Placeholder 4</td>
                            <td>icon1</td>
                            </tr>
                            </table>
                        </table>
                    </div>   
                </div>
                                            

                <!--
                <div id="divEmpty">
                    <button type="button" class="buttonPlay">PLAY SLOW</button>
                </div> 
                
                <div id="divBrowse">
                        <table border="0">
                            <tr>
                            <th>Browse Old Games</th>
                            </tr>
                            <tr>
                            <td>Placeholder 1</td>
                            <td>icon1</td>
                            </tr>
                            <tr>
                            <td>Placeholder 2</td>
                            <td>icon2</td>
                            </tr>
                            </table>
                        </table>
                            
                </div>
                 -->                   
                
            </div>
            
        </div>
            
        </body>
        
        
</html>
